@charset "utf-8";
/**
深圳市恒一信息技术有限公司
http://szhengyi.net
**/
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#565656;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;background:#fff;}
a{color:#565656;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#2d2f89;}


/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;background-repeat: no-repeat;}
.pd70{padding:70px 0;font-size:.875em;overflow: hidden;}
.mb50{margin-bottom:50px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}


@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#NeuesBauenDemo') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}


/* 主导航 */
.header{position: fixed;width:100%;z-index:99;left:0;top:0;height:120px;line-height:120px;background: rgba(0, 0, 0,.5);}
.header .logo{position:absolute;left:0;top:0;} 
.nav {padding:0 300px 0 300px;height:120px;display:flex;justify-content: space-between;}
.nav .m{float:left;text-align:center;position:relative;}
.nav .m>a{color:#fff;display:inline-block;position:relative;height:38px;line-height:38px;border-radius:0 15px;padding:0 25px;}
.nav .cur>a,.nav .m>a:hover{background:#2d2f89;color:#fff;}
.nav .navSub{position:absolute;left:-20%;top:120%;background:#eee;line-height:35px;width:160px;color:#333;font-size:.875rem;transform: scale(0) ;transition:top .5s,opacity 0.4s;opacity:0;}
.nav .navSub::before{content:"";position:absolute;right:50%;border:8px solid transparent;border-bottom-color:#f1f1f1;margin-right:-8px;top:-14px;}
.nav .navSub li{border-bottom:1px solid #ddd;line-height:35px;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#2d2f89;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:85%;}
.headFix{background:#000;background: rgba(0, 0, 0,.9);height:90px;line-height:90px;}
.headFix .nav{height:90px;}
.headFix .headR{top:30px;}
.headFix .logo img{height:60px;}

/* 头部右侧 */
.headR{position:absolute;right:0;top:44px;line-height:30px;}
.headR .en,.wapEn{float:left;color:#fff;font-size:12px;margin-left:15px;border-radius:100%;height:28px;width:28px;border:1px solid #fff;text-align:center;line-height:28px;}
.headR .sIcon{position: relative;width:20px;height:30px;background: url('../images/topIcon.png') no-repeat left 6px;float:left;margin-right:30px;}
.headR .tel{float:left; background: url('../images/topIcon.png') no-repeat left -24px;color:#fff;padding-left:30px;font-size:1.375em;}
.headR .sIcon::after{content:"";position: absolute;height:20px;width:1px;border-right:1px dotted #ddd;right:-15px;top:5px;opacity:.3;}

/* PC端搜索 */
.search{position: absolute;padding:20px;background:#333; background: rgba(0,0,0,.5);left:0;top:100%;display:none;width:100%;padding-top:0;border-top: 1px solid #333;}
.search form{width:40%;margin:0 auto;margin-top:15px;background:#fff;height:50px;line-height:50px;padding:0 50px 0 20px;}
.search .txt{width:100%;height:50px; line-height:40px;color:#666;float:left;}
.search .btn{float:left;width:50px;height:50px; cursor:pointer;transition:all 0.3s;background:#333 url('../images/sIcon.png') no-repeat center;border-left:1px solid #666;margin-right:-50px;}
.search .btn:hover{background-color:#000;}

/*  导航按钮 */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#fff;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapEn{position: absolute;right:60px;top:18px;display:none;}

/* 广告轮播图 */
.banner{position:relative;overflow:hidden;}
.banner img{width:100%;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:12px;height:12px;border:1px solid #fff;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}
.banner .swiper-button-white::after{content: "";position: absolute;left: -100px;width: 60px;height: 2px;background: #fff;top:50%;margin-top: -1px;opacity: 0;transition: all .3s;}
.banner .swiper-button-next::after{left: auto; right: 100px;}
.banner .swiper-button-white:hover::after{opacity: 1;left: 3px;}
.banner .swiper-button-next:hover::after{left: auto;right: 0;}
 
/* 热门产品 */
.proSlide li{float:left;width:25%;}
.proSlide li a{display: block;background:#fff;}
.proSlide li .pImg{padding-top:70%;background:#000;}
.proSlide li p{position: absolute;padding:15px 8% 0 8%;top:50%;width:100%;color:#fff;transform: translateY(-50%);opacity:0;transition:all .5s;text-align:center;}
.proSlide li h4{font-size:1.143em;height:70px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;}
.proSlide li a:hover img{transform: scale(1.1);opacity:.4;}
.proSlide li a:hover p{opacity:1;padding-top:0;}

.proSlide .btn,.caseSlide .btn{font-size:0;top:60%;background-size:100%;width:22px;opacity:.6;left:-50px;pointer-events:initial;cursor:pointer;}
.proSlide .swiper-button-next,.caseSlide .swiper-button-next{left:auto;right:-50px;}
.proSlide .btn:hover,.caseSlide .btn:hover{opacity:1;}







/* 公司优势 */
.firmAdv{background-image: url('../images/firmAdv_bg.jpg');background-position:center;background-repeat: no-repeat;background-size:cover;background-attachment: fixed; }
.hTitle{font-size:2.875rem;color:#191919;margin-bottom:40px;position: relative;}
.hTitle span{display: block;font-size:16px;opacity:.7;}
.firmSlide{overflow:hidden;text-align:center;}
.firmSlide .bgImg{width:50%;height:460px;animation:scale 20s infinite;}
.firmSlide .font{width:50%;padding:5%;height:460px;position: relative;z-index:2;background:#fff;text-align:left;}
.firmSlide .font i{display:block;font-size:5em;font-family:Arial;font-weight:bold;font-style:normal;}
.firmSlide .font h4{font-size:2.857em;margin-bottom:40px;margin-bottom:30px;padding-bottom:15px;position: relative;color:#2d2f89;}
.firmSlide .font h4::after{content:"";position: absolute;left:0;bottom:0;width:40px;height:1px;background:#2d2f89;}
.firmSlide .font p{padding-left:15px;margin-bottom:15px;background: url('../images/odds_li.jpg') no-repeat left 8px;}
.firmSlide .btn{width:60px;height:35px;line-height:35px;background:#333;text-align:center;color:#fff;position: static;display:none;margin-top:25px;}

.firmMenu{overflow:hidden;margin-top:20px;margin-right:-10px;}
.firmMenu li{float:left;background:#fff;width:20%;border-right: 10px solid #dddddd;height:120px;padding-top:25px;padding-left:110px;color:#2d2f89;font-size:2.286em;cursor: pointer;position: relative;z-index:2;}
.firmMenu li span{display:block;font-family:Arial;font-size:14px;overflow:hidden;}
.firmMenu li i{float:left;font-family:"iconfont";font-style:normal;font-size:3rem;margin-left:-70px;}
.firmMenu li::after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:#2d2f89;z-index:-1;transform: scale(0,1);transform-origin:right;transition:transform .4s;}
.firmMenu li.on::after{transform: scale(1);transform-origin:left;}
.firmMenu li.on{color:#fff;}
@keyframes scale{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}


/* 关于我们 */
.about,.product{background-image: url('../images/about_bg.jpg');background-size:cover;background-repeat: no-repeat;background-attachment: fixed;background-position:center;overflow: hidden;}
.about{color:#fff;padding-bottom:0;}
.hTitle_en span{font-size:12px;font-family:Arial;}
.about .hTitle{color:#fff;}
.aboutFont{max-width:1080px;margin:0 auto;text-align:center;margin-bottom:60px;}
.aboutFont .more{display:inline-block;width:120px;height:35px;line-height:35px;color:#fff;background:#2f318b;border-radius:16px;margin-top:40px;}
.aboutFont .more:hover{width:240px;}
.setting li{float:left;width:20%;}
.setting li .pImg{padding-top:68%;}
.setting li p{width:100%;padding:0 10px;background: rgba(0, 0, 0,.6);height:50px;line-height:50px;z-index:2;color:#fff;text-align:center;transition:all .5s;}
.setting li:hover p{background:#2f318b;}
.setting li:hover img{transform: scale(1.1);}

/* 产品优势 */
.proAdv_main .txt{width:50%;height:485px;padding:3% 4%;position: relative;z-index:2;background: #efefef;}
.proAdv_main .txt li{float:left;width:46%;min-height:140px;padding-bottom:10px;}
.proAdv_main .txt li:nth-child(2n){float:right;}
.proAdv_main .bgImg{width:50%;height:485px;animation:scale 20s infinite;}
.proAdv_main .txt li span{display: block;font-size:1.429em;font-weight:bold;color:#2f318b;margin-bottom:15px;border-left: 2px solid #2f318b;padding-left:15px;line-height:1;}
.advForm{margin-top:2px;background:#1d1f57;overflow:hidden;padding:35px 50px;color:#fff;font-size:1.143em;}
.advForm_l{width:50%;}
.advForm_l .tie{font-size:1.625em;line-height:1.2;margin-bottom:10px;}
.advForm_l .tie span{display: block;font-size:1.385em;font-weight:bold;}
.advForm_l .tel{padding-left:35px;background: url('../images/zx_t.png') no-repeat left center;}
.advForm_l .tel span{font-size:1.143em;font-family:Arial;margin-left:10px;}

.advForm_R{width:40%;}
.advForm_R ul{padding-right:110px;overflow:hidden;position: relative;}
.advForm_R h4{color:#fff;font-size:1.143em;line-height:1.2;margin-bottom:10px;}
.advForm_R li{float:left;margin-bottom:10px;width:49%;background:#2f318b;border:1px solid #4d4fbc;}
.advForm_R li input{width:100%;height:40px;line-height:40px;padding:0 10px;color:#eee;}
.advForm_R li:nth-child(2){float:right;}
.advForm_R li:nth-child(3){width:100%;}
.advForm_R input::placeholder{color:#fff;opacity:.8;}
.advForm_R .sub{position: absolute;right:0;top:0;width:100px;transition:all .5s;}
.advForm_R .sub  input{font-size:1.143em;height:94px;padding:10%;cursor:pointer;}
.advForm_R .sub:hover{box-shadow:0 0 10px #fff inset;}

/* 我们的产品 */
.product{background:#f5f5f5;}
.proMenu{height:45px;line-height:45px;margin-bottom:40px;text-align:center; display: flex;flex-flow: row wrap;justify-content: center;}
.proMenu li{position:relative;z-index:10;background:#3f3f3f;margin:0 10px;}
.proMenu li a{color:#fff;display: block;}
.proMenu .tie>a{font-size:1.286em;padding:0 35px;}
.proMenu ul {position: absolute;background:#fff;left:0;top:110%;width:100%;opacity:0;transform: scale(0);transition:top .5s,opacity 0.4s;font-size:13px;}
.proMenu ul li{float:none;width:100%;line-height:30px;margin:0;}
.proMenu li:hover ul{opacity:1;transform: scale(1);top:100%;}
.proMenu ul li a:hover{background:#2f318b;}


/* .proMenu{background:#fff;padding:2% 3%;margin-bottom:40px;overflow:hidden;box-shadow:0 2px 6px #eee;}
.proMenu dl{float:left;width:20%;padding-left:2%;}
.proMenu dl a{padding-left:25px;background: url('../images/p_li.png') no-repeat left 6px;display:inline-block;position:relative;overflow:hidden;padding-bottom:5px;}
.proMenu dt{font-size:1.286em;margin-bottom:10px;}
.proMenu dt a{color:#333;background: url('../images/p_line.jpg') no-repeat left 10px;padding-left:25px;}
.proMenu dt a:hover{color:#2f318b;}
.proMenu dd {display:none;}
.proMenu dd a:after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#2f318b;width:100%;transform: translateX(-100%);}
.proMenu dd a:hover:after{transform: translateX(100%);transition:all 0.8s;}
.wap_proMenu{display:flex;flex-flow: row wrap;margin-bottom:20px;text-align:center;justify-content: space-between;display:none;}
.wap_proMenu a{height:40px;line-height:40px;color:#fff;flex-grow: 1;text-align:center;border-right: 1px solid #fff;padding:0 15px;margin-bottom:1px;background:#555;} */


.proMain{margin-right:-20px;}
.proMain li{float:left;width:25%;padding-right:20px;font-size:1.143em;}
.proMain li a{display:block;overflow:hidden;}
.proMain li .pImg{padding-top:76%;}
.proMain li .pImg::after,.proSlide .pImg::after{content:"";position: absolute;left:15px;top:15px;right:15px;bottom:15px;border:1px solid #fff;transform:scale(0) rotate(-180deg);opacity:0;transition:all .4s;}
.proMain li h4{height:65px;padding:15px 0;color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;}
.proMain li h4 i{font-style:normal;margin-left:15px;color:#999;font-size:14px;}
.proMain li a:hover img{transform: scale(1.1);}
.proMain li a:hover h4,.proMain li a:hover i{color:#2f318b;}
.proMain li a:hover .pImg::after,.proSlide li a:hover .pImg::after{transform:scale(1) rotate(0deg);opacity:1;}

/* 解决方案 */
.solution{padding-bottom:40px;overflow:hidden;border-top: 1px solid #ddd;}
.hTitle a{font-size:14px;background: url('../images/more.png') no-repeat left center;padding-left:20px;position: absolute;right:0;bottom:10px;}
.solutionL{width:20%;background:#2d2f89;font-size:1.143em;overflow: hidden;}
.solutionL li{height:84px;line-height:84px;border-bottom: 1px solid #4e509c;}
.solutionL li a{display:block;padding-left:15%;color:#fff;}
.solutionL li i{font-style:normal;margin-right:10px;}
.solutionL .on a{background:#1f216e;}
.solutionL li.last{display:none;}

.solutionR{width:80%;overflow:hidden;background:#efefef;height:588px;}
.solutionFont{margin-bottom:20px;overflow: hidden;}
.solutionR .swiper-slide{padding:4%;overflow:hidden;}
.solutionFont .pic{width:48%;overflow:hidden;height:320px;}
.solutionFont .pic img{height:100%;max-width:inherit;}
.solutionFont .txt{width:47%;}
.solutionFont img{transition:all .5s;}
.solutionFont h4{font-size:2em;color:#333;margin-bottom:20px;}
.solutionFont h4 a{color:#333;}
.solutionFont h4 a:hover{color:#2f318b;}
.solutionFont:hover img,.solutionPic li:hover img{transform: scale(1.1);}
.solutionPic{margin-right:-1%;}
.solutionPic li{float:left;width:19%;padding-right:20px;padding-top:12%;margin-right:1%;overflow:hidden;}

/* 合作伙伴 */
.partner{padding-top:1px;padding-left:1px;overflow:hidden;}
.partner li{float:left;width:12.5%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;position: relative;transition:all .5s;}
.partner li .pImg{padding-top:62%;}
.partner li p{background:#2d2f89;color:#fff;height:32px;line-height:32px;text-align:center;padding:0 10px;position:absolute;left:0;bottom:-32px;width:100%;font-size:12px;transition:all .5s;}
.partner li:hover{z-index:2;border:1px solid #2d2f89;}
.partner li:hover p{bottom:0;}
.partner li:hover img{margin-top:-15px;}

/* 新闻快讯 */
.news{background:#f2f2f2;overflow:hidden;}
.hTie_top{overflow:hidden;margin-bottom:40px;}
.hTie_top .hTitle{margin-bottom:0;}
.newsMenu{font-size:1.286em;padding-top:20px;}
.newsMenu a{position:relative;color:#191919;margin-left:20px;display:inline-block;height:42px;line-height:42px;padding:0 20px;background:#3f3f3f;color:#fff;}
.newsMenu .on{background:#2f318b;color:#fff;}
.newsMenu a.on::after{width:100%;}
.newsSlide{position: relative;overflow: hidden;}
.newsL{width:57.5%;overflow:hidden;}
.newsL li{float:left;width:48.5%;padding-bottom:15px;position: relative;}
.newsL li:after,.newsR li::after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background: #2f318b;transition: transform .6s;transform: scale(0,1);transform-origin: right;}
.newsL li .pic{display:block;height:295px;overflow: hidden;}
.newsL li h4{font-size:1.333em;margin:20px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsL li p{height:50px;margin-bottom:20px;}
.newsL li h4 a{color: #333;}
.newsL li h4 a:hover{color: #2f318b;}
.newsL li:nth-child(2){float:right;}
.newsL li:hover .bgImg{transform: scale(1.08);} 
.newsL li:hover::after,.newsR li:hover::after{transform: scale(1);transform-origin: left;}
.newsL li .more{margin-left:15px;}
.newsL li .more i{font-style:normal;margin-left:10px;}

.newsR{width:38%;overflow:hidden;position:relative;}
.newsR li{color:#888;border-bottom: 1px dotted #aeaeae;margin-bottom:20px;position: relative;}
.newsR li a{display:block;height:103px;padding-left:100px;color:#666;transition:all .6s;}
.newsR li .date{font-size: .75rem;color: #999;font-family: Arial;line-height: 1.2;margin-left: -100px;transition: all .3s;}
.newsR li .date b{font-size: 3.667em;color: #333;display: block;}
.newsR li h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;color:#333;}
.newsR li a:hover{padding-left:0;}
.newsR li a:hover h4{color: #2f318b;}
.newsR li:last-child{margin-bottom:0;border-bottom:none;}

/*底部 */
.footer{background:#464646;overflow:hidden;padding:50px 0 40px 0;font-size:.75rem;color:#a7a7a7;}
.footMenu{margin-bottom:30px;font-size:1.5em;overflow:hidden;line-height:1.6;}
.footL{width:64%;line-height:2;}
.footL .btn{margin-top:10px;}
.footL .btn a{display:inline-block;width:32px;height:32px;background: url('../images/footIcon.png') no-repeat;margin-right:8px;margin-top:5px;opacity:.8;}
.footL .btn a:nth-child(2){background-position: -32px 0;}
.footL .btn a:hover{opacity:1;}
.footR{width:30%;}
.footR .tel{padding-left:10%;}
.footR .tel h4{margin-bottom:15px;}
.footR .tel h4 span{font-size:2.167em;display:block;color:#fff;font-family:Arial;font-weight: bold;}
.footR .tel h4:nth-child(2) span{font-size:1.667em;}
.footWx {color:#fff;}
.footWx img{width:120px;margin-bottom:10px;}
.footer a{color:#a7a7a7;}
.footMenu a{color:#fff;margin-right:30px;}
.footer a:hover,.footMenu a:hover{color:#fff;}
.firendlink{background:#171717;padding:15px 0;font-size:.75rem;}
.firendlink span{color:#fff;margin-right:20px;}
.firendlink a{margin:0 15px;}


/*内页公用 */
.listWrap{overflow:hidden;padding:70px 0;font-size:.875em;}
.listBanner,.mzsmBanner{height:460px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;}
.listBanner h3{position:absolute;color:#fff;top:50%;font-size:2.5rem;text-transform:uppercase;width:100%;font-weight:700;padding-bottom:15px;animation:leftPic 1s;max-width:1600px;min-width:360px;left:50%;-webkit-transform: translate(-50%); -moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%); transform:translate(-50%);}
.listBanner h3 span{display: block;font-size:12px;font-weight: 400;opacity: 0.5;}
.breadCrumb{font-size:.875rem;padding:25px 20px 0 20px;position:relative;overflow:hidden;}
.breadCrumb::after{content:"\e646";position:absolute;left:0;font-family:"iconfont"} 
.breadCrumb .back{float:right;position:relative;color:#000;border:1px solid #000;line-height:26px;width:90px;text-align:center;}
.breadCrumb .back i{font-family:"iconfont";margin-right:5px;}
.breadCrumb .back:hover{background:#000;color:#fff;}
.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 50px 0 15px;background:#f5f5f5;}
.proSear .btn{height:50px;line-height:50px;width:50px;text-align:center;font-size:16px;background:#333 url('../images/sIcon.png') no-repeat center;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-50px;}
.proSear .txt{height:48px;line-height:48px;border-right:none;width:100%;padding:0 10px;float:left}
.proSear .btn:hover{background-color:#111;}
@keyframes leftPic
{
  0%   {opacity:0;padding-top:60px;}
  100% {opacity:1;padding-top:0;}
}

/*内页公用菜单*/
.listMenu{font-size:1.143rem;text-align:center;margin-top:30px;overflow:hidden;}
.listMenu a{display:inline-block;color:#191919;height:50px;line-height:50px;margin:0 25px;padding:0 5px;position:relative;}
.listMenu a::before,.listMenu a::after{content:"";position: absolute;left:0;top:1px;background:#2f318b;width:0;height:1px;transition:all .5s;}
.listMenu a::after{top:auto;bottom:0;left:auto;right:0;}
.listMenu a:hover{color:#2f318b;}
.listMenu .cur{color:#2f318b;}
.listMenu .cur::after,.listMenu .cur::before,.listMenu a:hover::after,.listMenu a:hover::before{width:100%;}
.pro_subMenu{text-align:center;font-size:.875rem;margin-bottom:30px;}
.pro_subMenu a{margin:0 10px;border:1px solid #ccc;height:36px;line-height:36px;display:inline-block;padding:0 15px;margin-bottom:5px;}
.pro_subMenu a:hover,.pro_subMenu .cur{background:#2f318b;border:1px solid #2f318b;color:#fff;}

/* 关于我们 */
.listTie{text-align:center;color:#191919;margin-bottom:40px;padding-bottom:10px;position:relative;font-size:2.2rem;font-weight:bold;}
.listTie::after{content:"";position: absolute;left:50%;width:30px;margin-left:-15px;height:2px;background:#2d2f89;bottom:0;}
.aboutBox1 .font{overflow-y:auto;}
.aboutBox1 .left{width:49%;height:460px;overflow:hidden;background:#000;position: relative;cursor: pointer;}
.aboutBox1 .left .bgImg{animation:scale 25s infinite;opacity:.4;}
.aboutBox1 .left::after{content:"";position: absolute;left:50%;top:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;background: url('../images/vIcon.png') no-repeat;}
.aboutBox1 .right{width:46%;position:relative;height:455px;line-height:1.8;}
.aboutBox1 .tie{font-size:2.143em;color:#333;margin-bottom:30px;color:#015f9d;}
.aboutBox1 .txt{height:300px;overflow-y:auto;border-bottom: 1px solid #e5e5e5;}
.aboutBox1 .tel{padding-left:40px;position: absolute;left:0;bottom:0;font-size:1.571em;font-family:Arial;color:#333;}
.aboutBox1 .tel::after{content:"\e603";position: absolute;font-family:"iconfont";left:0;font-size:1.6rem;top:-4px}
.aboutBox1 .tel span{font-weight:bold;margin-right:30px;font-size:1.182em;}
.culture{background:#f2f2f2;}
.cultureL{width:50%;overflow:hidden;}
.cultureL .bgImg{height:534px;}
.cultureR{width:50%;background:#fff;height:535px;padding:3% 4%;font-size:12px;color:#666;line-height:1.8;}

.partner ul{padding-left:1px;overflow:hidden;padding-top:1px;}
.honor{position: relative;}
.honor li{float: left;width: 25%;}
.honor li .pImg{padding-top:68%; background:#fff;border:1px solid #ddd;}
.honor li p{text-align: center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:15px;}
.honor li a:hover img{transform:scale(1.08);}
.honor .swiper-pagination{position: static;margin-top:30px;}
.honor .swiper-pagination-bullet,.settingSlide .swiper-pagination-bullet{border:1px solid #fff;width:12px;height:12px;opacity:1;}
.honor .swiper-pagination-bullet-active{background: #2d2f89;}

.settingA{border-top: 1px solid #d9d9d9;overflow:hidden;}
.settingA ul{margin-right:-10px;}
.settingA li{float:left;width:20%;padding-right:10px;padding-bottom:10px;}
.settingA li .pImg{padding-top:82%;}
.settingA li p{position:absolute;background: rgba(0,0,0,.5);padding:0 5%;height:60px;line-height:60px;color:#fff;left:0;bottom:-60px;z-index:2;width:100%;transition:all .3s;text-align:center;}
.settingA li.big {width:40%;}
.settingA li:hover img{transform: scale(1.1);}
.settingA li:hover p{bottom:0;}
.partnerA{background:#f5f5f5;padding:70px 0;}

/* 图片列表 */
.settingTop{background: #e3e3e3;margin-bottom: 45px;overflow: hidden;}
.settingTop .bgImg{width:50%; height:400px;}
.settingTop .font{width:50%;padding:4% 5%;position: relative;z-index:2;height:400px;background: #f6f6f6;font-size:1.143em;}
.settingTop .font h3{font-size:1.857em;color:#0d53a1;margin-bottom:30px;position:relative;padding-bottom:10px;}
.settingTop .font h3::after{content:"";position: absolute;left:0;bottom:0;height:1px;width:20px;background:#0d53a1;}
.settingTop:hover .bgImg{transform: scale(1.05);}
.picList ul{margin-right:-30px;}
.picList li{width:25%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;}
.picList li a{display:block;overflow:hidden;}
.picList li .pImg{padding-top:70%;border:1px solid #e1e1e1;}
.honorList li .pImg{padding-top:68%;}
.picList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:20px;}
.picList li a:hover img{transform:scale(1.1);}
.picList li a:hover p{color:#2d2f89;}
.partnerList{background:none;}
.partnerList ul{padding-left:1px;}

/* 产品列表 */
.proList_menu .title{padding:10px;font-size:15px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;display:none;}
.proList_menu .title i{float:right;color:#e2211c;font-size:14px;cursor:pointer;position: relative;padding-right:25px;font-style:normal;}
.proList_menu .title i::after{content:"\e655";position:absolute;right:0;top:-2px;font-family:"iconfont";font-size:1.143rem;}
.proList_menu{border: 5px solid #efefef;padding:20px;margin-top:60px;}
.proList_menu dl{overflow: hidden;margin: 20px 0;padding-left:160px;}
.proList_menu dl dt{float:left; font-size:16px;color: #000000;margin-left:-140px;}
.proList_menu dl dd{font-size: 14px;float: left;margin:2px 15px;}
.proList_menu dl .dd1{width: 80px;}
.proList_menu dl dd i{display: inline-block;width: 16px;height: 16px;border: 1px solid #dbdbdb;vertical-align: middle;margin-right: 10px;position: relative;}
.proList_menu dl dd i:after{position: absolute;width: 10px;height: 10px;left: 50%;margin-left: -5px;top: 50%;margin-top: -5px;background-color: #2d2f89;content: "";display: none;}
.proList_menu dl dd:hover i:after,.proList_menu dl dd.cur i:after{display: block;}


.menuSub{text-align:center;margin-bottom:30px;overflow:hidden;}
.menuSub a{display:inline-block;padding:0 25px;border:1px solid #ccc;margin:0 5px;height:45px;line-height:43px;margin-bottom:10px;}
.menuSub a:hover,.menuSub .cur{background:#2d2f89;color:#fff;border:1px solid #006936;}
.proList li{float:left;width:25%;padding-right:30px;}
.proList li a{display:block;overflow:hidden;}
.proList li .pImg{padding-top:76%;}
.proList li .pImg::after{content:"";position: absolute;left:15px;top:15px;right:15px;bottom:15px;border:1px solid #fff;transform:scale(0) rotate(-180deg);opacity:0;transition:all .4s;}
.proList li h4{height:60px;padding:15px 0;color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .3s;}
.proList li h4 i{font-style:normal;margin-left:15px;color:#999;font-size:14px;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover h4,.proList li a:hover i{color:#2f318b;}
.proList li a:hover .pImg::after{transform:scale(1) rotate(0deg);opacity:1;}
.searList ul{margin-right:-1px;}

/*  产品详情 */
.proShow_box1{overflow:hidden;margin-bottom:50px;border:1px solid #ddd;}
.proShowTop{overflow:hidden;margin-bottom:50px;}
.gallery{width:50%;position:relative;border-right:solid 1px #ddd;}
.gallery .gallery-top{position:relative;border-bottom: 1px solid #ddd;}
.gallery img{width:100%;}
.gallery-top .pImg{padding-top:72%;}
.gallery-top li a{position:relative;padding-top:81%;}
.gallery-thumbs{position: absolute;z-index:10;bottom:0;right:0;width:100%;left:100%;border-top: 1px solid #ddd;margin-left:1px;}
.gallery-thumbs li{border-right:1px solid #bdc4ce;padding-top:14%;cursor:pointer;width:20%;position: relative;}
.gallery-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;}
.gallery-thumbs .on::after{border:2px solid #2d2f89;}
.gallery .btn{background:#333;width:60px;height:35px;line-height:35px;text-align:center;color:#fff;opacity:.8;}
.gallery .swiper-button-prev{left:0;}
.gallery .swiper-button-next{right:0;left:auto;}
.gallery .btn:hover{background:#2d2f89;}

.proShow_R{width:50%;overflow:hidden;line-height:1.8;padding:3% 4%;}
.proShow_R .bshare-custom{margin-top:10px;}
.proShow_R .title{margin-bottom:20px;color:#333;}
.proShow_R .title span{display:block;font-size:1.778em;color:#2d2f89;}
.proShow_R .font{min-height:180px;line-height:2;margin-bottom:20px;border-bottom: 1px solid #ddd;padding-bottom:20px;}
.proShow_R li{float: left;width:25%;border-right: 1px dotted #ddd;text-align:center;font-size:1.143em;}
.proShow_R li i{display:inline-block;width:37px;height:37px;background: url('../images/show_Icon.png') no-repeat;}
.proShow_R li:nth-child(2) i{background-position: -37px 0;}
.proShow_R li:nth-child(3) i{background-position: -74px 0;}
.proShow_R li:nth-child(4) i{background-position: -111px 0;}
.proShow_R li span{display: block;}
.proShow_R .btn{margin-top:30px;overflow:hidden;}
.proShow_R .btn a{width:40%;height:50px;line-height:50px;float:left;text-align:center;border:1px solid #2d2f89;margin-right:25px;background:#2d2f89;color:#fff;}
.proShow_R .btn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;font-size:1.286rem;line-height:1;top:2px;}
.proShow_R .btn a:nth-child(2){border:1px solid #ddd;color:#333;background:none;}
.proShow_R .btn a:hover{background:#2f318b;color:#fff;}
.proShow_menu{margin-bottom:10px;text-align:center;overflow: hidden;}
.proShow_menu a{width:150px;height:40px;line-height:40px;border:1px solid #dcdcdc;display:inline-block;margin:0 10px;color:#333;border-radius:20px;}
.proShow_menu .on,.proShow_menu a:hover{background:#2d2f89;border:1px solid #2d2f89;color:#fff;}
.proShow_fix{position: fixed;width:100%;top:0;left:0;background:#fff;padding:20px;box-shadow:0 0 10px #ccc;z-index:10;}
.proTie{height:50px;line-height:50px;border-bottom:1px solid #dcdcdc;font-size:1.5em;margin-bottom:25px;}
.proTie span{display:inline-block;border-bottom:1px solid #2d2f89;;color:#2d2f89;height:50px;}

/* 光学透镜定制 */
.madeBox1 .pic{height:430px;width:38%;overflow:hidden;}
.madeBox1 .font{width:58%;}
.madeBox1 .font h4{font-size:2em;color:#191919;margin-bottom:40px;}
.madeBox1 .font h4 span{display:block;font-size:1.514em;font-weight:bold;}
.madeBox1 .font h4 strong{color:#2d2f89;}
.madeBox1 .txt p{margin-bottom:10px;}
.madeBox1 .zx{width:220px;height:40px;line-height:40px;background:#2d2f89;color:#fff;float:left;text-align:center;}
.madeBox1 .txt{min-height:160px;margin-bottom:20px;}
.madeBox1 .zx i{font-style:normal;margin-left:10px;}
.madeBox1 .tel{font-size:1.714em;font-family:Arial;color:#191919;line-height:40px;margin-left:8%;padding-left:35px;position:relative;}
.madeBox1 .tel::after{content:"\e603";position: absolute;left:0;top:2px;font-family:"iconfont";line-height: 1;}
.madeBox1 .zx:hover{background:#006936;}

.madeBox2{background:url('../images/madeform_bg.jpg') no-repeat center;margin-bottom:80px;overflow:hidden;padding-left:60px;background-size:cover;}
.madeBox2 form{max-width:1110px;}
.madeBox2 .text{margin-right:-2%;overflow:hidden;}
.madeBox2 .text input{float:left; width:31.3%;margin-right:2%;background:#fff;height:48px;line-height:48px;padding:0 15px;}
.madeBox2 .checkbox{padding:20px 0;overflow:hidden;}
.madeBox2 .checkbox label{float:left;margin-right:25px;}
.madeBox2 .checkbox label input{float:left;width:15px;height:15px;background:#fff;border:1px solid #ddd;margin-top:3px;margin-right:4px;}
.madeBox2 textarea{height:110px;width:100%;background:#fff;padding:15px;} 
.madeBox2 .code{margin-top:10px;overflow:hidden;} 
.madeBox2 .code .c{background:#fff;height:40px;line-height:40px;width:160px;padding:0 10px;}
.madeBox2 img{padding:9px;background:#fff;border-left: 1px solid #ddd;}
.madeBox2 .sub{background:#007f42;width:20%;color:#fff;height:40px;line-height:40px;cursor:pointer;transition:all .3s;}
.madeBox2 .sub:hover{background:#006936;}

/* 实力 */
.strength{background:#efefef;overflow:hidden;}
.strength li{overflow:hidden;padding-bottom:50px;margin-bottom:50px;border-bottom: 1px solid #d7d7d7;}
.strength .pic{width:45%;}
.strength .txt{width:50%;padding-top:15px;}
.strength .txt h4{color:#191919;font-size:2.286em;margin-bottom:40px;}
.strength .txt h4 strong{color:#007f42;}
.strength .zx{width:220px;height:40px;line-height:40px;display:inline-block;background:#007f42;color:#fff;color:#fff;text-align:center;margin-top:40px;}
.strength .zx i{margin-left:15px;font-style:normal;}
.strength .zx:hover{background:#00582e;}
.strength li:nth-child(2){padding-bottom:0;margin-bottom:0;border-bottom:none;}

/* 行业应用 */
.solutionIndex li{background:#ededed;overflow:hidden;margin-bottom:20px;}
.solutionIndex li .pic{width:50%;overflow:hidden;display:block;height:430px;}
.solutionIndex li .txt{width:50%;padding:4%;position:relative;}
.solutionIndex li h4{font-size: 2.143em;font-weight:normal;position:relative;padding-bottom:15px;margin-bottom:30px;}
.solutionIndex li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#2d2f89;width:15px;transition:all 0.4s; }
.solutionIndex li h4 a{color:#333;}
.solutionIndex li .txt .info{min-height:130px;}
.solutionIndex li .more{text-align:center;display:inline-block;font-size:12px;font-family:Arial;margin-top:25px;width:160px;border:none;height:46px;line-height:46px;color:#fff;background:#2d2f89;}
.solutionIndex li .more:hover{width:220px;color:#fff;border:none;}
.solutionIndex li:nth-child(2n) .txt{float:left;} 
.solutionIndex li:nth-child(2n) .pic{float:right;}
.solutionIndex li:hover .bgImg{transform: scale(1.05);}
.solutionIndex li h4 a:hover{color:#2d2f89;}

.picSlide{position:relative;margin-bottom:40px;background:#e1e1e1;padding:10px;}
.picSlide li{text-align:center;height:100%;position: relative;}
/* .picSlide img{width:100%;} */
/* .picSlide-top .swiper-wrapper{position: relative;height:100%;}

.picSlide li img{transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;} */
.picSlide-top .pImg{padding-top:56%;}
.picSlide-thumbs{margin-top:1px;}
.picSlide-thumbs li{border-right:1px solid #fff;padding-top:12%;cursor:pointer;width:16.66%;position: relative;}
.picSlide-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;border:5px solid #2d2f89;opacity:.7;transform: scale(0);transition:all .3s;}
.picSlide-thumbs .on::after{transform: scale(1);}
.picSlide .swiper-button-next,.picSlide .swiper-button-prev{top:45%;background:rgba(255, 255, 255,.5);text-align:center;width:90px;height:50px;line-height:50px;color:#fff;font-size:24px;font-family:Arial;transition:all .3s;}
.picSlide .swiper-button-prev{left:0;}
.picSlide .swiper-button-next{right:0;left:auto;}
.picSlide .swiper-button-next:hover,.picSlide .swiper-button-prev:hover{background:#2d2f89;}

/* 常见问题 */
.faq{background:#efefef;}
.faqList li{float:left;width:50%;padding-right:10px;margin-bottom:10px;font-size:12px;}
.faqList li:nth-child(2n){float:right;}
.faqList li a{display:block;background:#fff;padding:4% 5%;color:#999;height:135px;}
.faqList li h4,.faqList li p{padding-left:35px;}
.faqList li i{font-style:normal;width:24px;height:24px;background:#2d2f89;color:#fff;font-size:12px;text-align:center;line-height:24px;margin-left:-35px;float:left;}
.faqList li p i{background:none;border:1px solid #ccc;color:#999;}
.faqList li h4{font-size:16px;color:#191919;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.faqList li a:hover h4{color:#2d2f89;}
.faqList li a:hover{box-shadow:0 0 10px #ccc;}
.faqList2 li a{border:1px solid #ddd;}

/* 新闻列表 */
.newsTop{overflow:hidden;padding-bottom:50px;margin-bottom:50px;border-bottom: 1px solid #ddd;}
.newsTop li{background:#f3f3f3;overflow:hidden;float:left;width:49%;height:280px;}
.newsTop li .pic{width:50%;float:left;height:280px;overflow:hidden;}
.newsTop li .txt{width:50%;padding:4%;background:#f3f3f3;}
.newsTop li .txt h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}
.newsTop li .txt h4 a{color:#333;}
.newsTop li .txt h4 a:hover{color:#2d2f89;}
.newsTop li .txt h4 span{display:block;font-size:;font-family:Arial;color:#999;font-size:0.75rem;margin-top:5px;}
.newsTop li p{height:110px;overflow:hidden;margin-bottom:10px;}
.newsTop li:hover .bgImg{transform:scale(1.1);}
.newsTop li:nth-child(2n){float:right;}

.newsList{overflow:hidden;font-size:.813rem;}
.newsList ul{margin-right:-40px;}
.newsList li{float:left;padding-right:40px;width:25%;margin-bottom:40px;}
.newsList li a{display:block;color:#888;}
.newsList li .pImg{padding-top:68%;}
.newsList li h3{font-size:1.231em;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:20px 0;}
.newsList li p{height:70px;padding-bottom:10px;border-bottom: 1px solid #d9d9d9;margin-bottom:20px;}
.newsList li a:hover img{transform:scale(1.1);}
.newsList li a:hover h3{color:#2d2f89;}

/* 新闻详情 */
.picShow_l{width:68.5%;overflow:hidden;}
.showTitle{font-size:2.571em;color:#333;margin-bottom:8px;}
.newsShow .txt .date{margin-right:15px;}
.showTie{overflow:hidden;margin-bottom:40px;}
.showTie h2{font-size:1.714em;color:#333;margin-bottom:25px;}
.showTie .txt span{color:#454545;position:relative;padding-left:22px;font-size:1.143em;margin-right:15px;}
.showTie .txt span:before{content:"\e62e";font-family:"iconfont";position:absolute;left:0;top:-1px;}
.showTie .txt .s:before{content:"\e735";font-size:1.2rem;top:-2px;}
.showTie .bshare-custom{margin-top:-30px;}
.newsShow .showTie p{font-size:.75rem;color:#999;}
.showCon{overflow:hidden;margin-bottom:40px;}
.show-synopsis{background:#f7f8fa;padding:15px;margin-bottom:40px;}
.show-synopsis i{display:inline-block;width:15px;background: url('../images/a_l.png') no-repeat;height:15px;margin-right:5px;}
.show-synopsis .r{background: url('../images/a_r.png') no-repeat;margin-left:5px;margin-right:0;}

.picShow_r{width:27%;overflow:hidden;}
.picShow_r .title{font-size:1.429em;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.picShow_r .title span{display:inline-block;border-bottom: 1px solid #2d2f89;height:40px;}
.picShow_r .title a{float:right;font-size:12px;margin-top:4px;}
.picShow_r li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}
.picShow_r li .pImg{width:35%;float:left;padding-top:26%;margin-right:20px;}
.picShow_r li h4{font-size:15px;margin-bottom:10px;}
.picShow_r li h4 a{color:#222;}
.picShow_r li h4 a:hover{color:#2d2f89;}
.picShow_r li:hover img{transform: scale(1.1);}
.picShow_r li:last-child{border-bottom:none;}
.showPage{height:90px;line-height:90px;overflow:hidden;background:#f1f1f1;}
.showPage a{float:left;width:43%;padding:0 20px;}
.showPage a i{font-style:normal;font-family:"宋体";font-weight:bold;padding-left:10px;margin-left:10px; border-left: 1px dotted #ccc;}
.showPage a:nth-child(2){float:right;text-align:right;}
.showPage a:nth-child(1) i{padding:0 10px 0 0;margin:0 10px 0 0; border-right: 1px dotted #ccc;border-left:none;}
.showPage a:nth-child(3){width:14%;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.showPage a:hover{background:#2d2f89;color:#fff;}
.rightNews,.rightContact{background:#f2f2f2;padding:5%;}
.rightNews_w,.rightContact_w{background:#fff;padding:8%;}
.rightContact{margin-top:30px;}
.rightContact h4{background: url('../images/zxIcon.png') no-repeat left 8px;padding-left:30px;font-size:2em;color:#191919;font-family:Arial;font-weight:bold;border-bottom: 1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}
.rightContact p{padding-left:80px;margin-bottom:10px;overflow:hidden;}
.rightContact p span{margin-left:-80px;float:left;}


/* 联系*/
.contactBox{padding-bottom:0;}
.listTie span{display: block;font-size:16px;font-weight:normal;opacity:.8;}
#dituContent{width:50%;height:520px;float:left;}
.contactR{background:#eee;height:520px;width:100%;padding:3%;line-height: 1.8;padding-right:250px;}
.contactR .titie{font-size:2.2em;color:#007ed4;margin-bottom:20px;}
.contactR .font{max-height:420px;overflow-y: auto;}
.contactR .wx{float:right;margin-right:-200px;width:160px;}
.contactR .wx p{text-align:center;margin-bottom:20px;}
.contactR .wx p span{display:block;}
/* 在线留言*/
.feedbackL{width:24%;height:380px;float:left;}
.feedbackR{width:72.5%;float:right;}
.feedback p{width:49%;float: left;;height: 60px;line-height: 60px;position: relative;padding:0 15px 0 60px;margin-bottom: 10px;position: relative;border: 1px solid #ccc;background:#fff;}
.feedback p:nth-child(2n){float:right;}
.feedback p input{width: 100%;height: 100%;}
.feedback .tarea{width: 100%;height: 160px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}
.feedback i{content: "";font-family: "iconfont";color: #a0a0a0;font-style: normal;float: left;margin-left: -30px;font-size: 1rem;}
.feedback textarea{width: 100%;height: 100%;}
.feedback .code{clear: both;}
.feedback .code input{height: 60px;line-height: 60px;border: 1px solid #ddd;background:#fff;}
.feedback .code .c{width: 20%;padding: 0 15px;}
.feedback .code img{padding:19px;background:#fff;}
.feedback .code .sub {background: #2f318b;width: 30%;cursor: pointer;transition: all .3s;color: #fff;border:1px solid #2f318b;}
.feedback .sub:hover{background:#121464;}